﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title th:text="${info?.name?:'未设置名称'}"></title>
    <meta name="keywords" th:content="${info?.keywords?:''}" content="">
    <meta name="description" th:content="${info?.description?:''}" content="">
    <link rel="icon" href="assets/img/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">

    <script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>
<div class="applet">
    <!-- 头部 -->
    <div id="head">
		<div th:include="pub_head"></div>
        <img th:src="${data[5].cmsSiteBanner4s[0].imgUrl1}" class="banner bans">
    </div>
    <!-- 内容 -->
    <div class="applet allCont">
        <!-- 开发流程 -->
        <div class="commit_center common">
            <p class="title">[[${data[2].title}]] </p>
            <p class="content">[[${data[2].description}]]</p>
        </div>
        <!-- 开发流程-内容 -->
        <div class="process">
            <img th:src="${data[2].cmsSiteBanner4s[0].imgUrl1}">
        </div>
        <!-- 小程序制定 -->
        <div class="bjGray">
            <div class="commit_center common">
                <p class="title">[[${data[3].title}]]</p>
                <p class="content">[[${data[3].description}]]</p>
            </div>
            <!-- 小程序制定-内容 -->
            <div class="commit_center flex formulate">
                <dl class="wow fadeInUp animated" th:each="user:${data[3].cmsSiteBanner4s}" data-wow-duration="2s" data-wow-delay="100ms">
                    <dt>
                        <img th:src="${user.imgUrl1}">
                    </dt>
                    <dd class="title">[[${user.title}]]</dd>
                    <dd>[[${user.description}]]</dd>
                </dl>
                <!--<dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                    <dt><img src="uploads/20210428/be3b5b705c71183338199586bfd72511.png"></dt>
                    <dd class="tit">微信小程序</dd>
                    <dd>微信小程序是微信生态的优先选择，微信倾力打造的小程序体系，将是微信生态的未来主旋律。从现在抓住风口.</dd>
                </dl>
                <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                    <dt><img src="uploads/20210428/79a0dcc070ea0a7a0092f3aff51b355a.png"></dt>
                    <dd class="tit">支付宝小程序</dd>
                    <dd>支付宝小程序是一种全新的开放模式,它运行在支付宝客户端，可以被便捷地获取和传播，为终端用户提供更优的用户体验。</dd>
                </dl>-->
            </div>
        </div>

        <!-- 程序类 -->
        <div class="commit_center common cx">
            <p class="title">[[${data[4].title}]]</p>
            <p class="content">[[${data[4].description}]]</p>
        </div>
        <!-- 程序类-内容 -->
        <div class="commit_center program wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
            <!-- 选项卡 -->
            <div class="flex tab_Fas">
                <p class="xk ss">[[${data[4].cmsSiteBanner4s[0].title}]]</p>
                <p class="xk">[[${data[4].cmsSiteBanner4s[1].title}]]</p>
                <p class="xk">[[${data[4].cmsSiteBanner4s[2].title}]]</p>
            </div>
            <!-- 选项卡内容 -->
            <div class="box_list">
                <div class="flex demand" th:each="user1:${data[4].cmsSiteBanner4s}">
                    <div class="left">
                        <img th:src="${user1.imgUrl1}">
                    </div>
                    <div class="right">
                        <p class="title">[[${user1.title}]]</p>
                        <p>[[${user1.description}]]</p>
                    </div>
                </div>
                <!--<div class="flex demand">
                    <div class="left">
                        <img src="uploads/20211227/ed0eb3f702c04ba4bce7e10593405fd0.png">
                    </div>
                    <div class="right">
                        <p class="title">新闻资讯</p>
                        <p>
                            越来越多的企业和商家进入了小程序市场拥有14亿用户流量、自带社交属性、高效沉淀用户、抢占市场先机，是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态方便快捷，功能丰富，场景丰富，速度快、不占内存，即用即走。</p>
                    </div>
                </div>
                <div class="flex demand">
                    <div class="left">
                        <img src="uploads/20211227/55a33e6415a0c63e319fbe81ed44408e.png">
                    </div>
                    <div class="right">
                        <p class="title">时尚服务</p>
                        <p>
                            我们视用户为生命，他们的支持是我们得以存在的前题，我们将以此做为网站经营发展的准则，尽我们所能为用户提供真诚便捷的服务，提供质量可靠价格合理的商品，及时解答用户问题，记录用户建议，并进行售后跟踪以了解用户对商品的满意程度。该公司的产品无论在质量上还是价格、货期、信誉上都深得客户的广泛信任。</p>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</div>
<!-- 脚部 -->
<div th:include="pub_footer"></div>

<script src="assets/js/js/wow.min.js"></script>
</body>
</html>
